body,
html {
  background: #fff;
}
.have .intro {
  padding: 0 .3rem;
  box-sizing: border-box;
}
.have .intro .title {
  margin-top: .28rem;
  text-align: center;
  font-size: .34rem;
  color: #333333;
}
.have .intro .sort {
  text-align: center;
  margin-top: .2rem;
}
.have .intro .sort span {
  padding: 0 .16rem;
  font-size: .26rem;
  font-weight: 400;
  color: #2065a0;
}
.have .intro .team-lists {
  margin-top: .2rem;
  text-align: center;
  font-size: .28rem;
  font-weight: 400;
  color: #999999;
}
.have .intro .collect {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .18rem;
}
.have .intro .collect img {
  width: .4rem;
  height: .4rem;
}
.have .intro .collect span {
  margin-left: .1rem;
  font-size: .26rem;
  font-weight: 400;
  color: #999999;
}
.have .team {
  font-size: .3rem;
  font-weight: 600;
  color: #333333;
  margin-top: .22rem;
  padding: 0 .3rem;
  border-top: .02rem solid #f5f5f5;
  box-sizing: border-box;
}
.have .team .team-title {
  height: 1rem;
  display: flex;
  align-items: center;
}
.have .team .team-desc {
  line-height: .5rem;
  font-size: .3rem;
  font-weight: 400;
  color: #333333;
}
.have .result {
  font-size: .3rem;
  font-weight: 600;
  color: #333333;
  padding: 0 .3rem;
  box-sizing: border-box;
}
.have .result .result-title {
  height: 1rem;
  display: flex;
  align-items: center;
}
.have .result .result-desc {
  text-align: justify;
  font-size: .3rem;
  font-weight: 400;
  color: #333333;
  line-height: .5rem;
}
.have .team-list {
  padding: 0 .3rem;
  box-sizing: border-box;
}
.have .team-list .team-intro {
  font-size: .3rem;
  font-weight: 600;
  color: #333333;
  height: 1rem;
  display: flex;
  align-items: center;
}
.have .team-list .team-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.have .team-list .team-list li:nth-of-type(3n) {
  margin-right: 0;
}
.have .team-list .team-list li {
  margin-right: .2rem;
  margin-bottom: .64rem;
  width: 2.16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.have .team-list .team-list li a {
  display: block;
  width: 2.16rem;
}
.have .team-list .team-list li a img {
  width: 2.16rem;
  height: 2.28rem;
  object-fit: cover;
}
.have .team-list .team-list li a .from {
  margin-top: .08rem;
  font-size: .26rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.have .team-list .team-list li a .principal {
  margin-top: .08rem;
  font-size: .26rem;
  font-weight: 400;
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
.nohave {
  min-height: 10rem;
  display: none;
  flex-direction: column;
  align-items: center;
}
.nohave img {
  width: 3.28rem;
  height: 2.52rem;
  margin-top: 1.22rem;
}
.nohave div {
  margin-top: .52rem;
  font-size: .28rem;
  font-weight: 400;
  color: #999999;
}
